<template>
    <div class="member-home">
      <div class="main-content-with-bg">
        <img src="/img/background.jpeg" alt="会员主页背景" class="background-image" />
      </div>
    </div>
  </template>
  
  <script setup>
    // 如果需要未来增加数据，可以在这里用 ref/onMounted
  </script>
  
  <style scoped>
  .member-home {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .main-content-with-bg {
    flex: 1;
    position: relative;
    overflow: hidden;
  }
  
  .background-image {
    width: 100%;
    height: calc(100vh - 120px); /* header+footer 大约 120px */
    object-fit: cover;
    display: block;
  }
  </style>
  